<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <title>生成pdf</title>
        <style>
            body { font-family: "SimSun";  font-size: 16px; line-height: 1.5; color: #000;}
            .main-title { text-align: center; font-size:25px; color:#FF0000; }
             table { border-collapse: collapse; page-break-inside: auto;}
             tr { page-break-inside: avoid;}
             td { border: 1px solid black; padding: 70px; }
             @page{ size:A3 landscape; }
        </style>
    </head>
    <body>
        <div class="main-title">${mainTitle}</div>
        <div>
            <table>
                <tr><td>序号</td></tr>
                <tr><td>1</td></tr>
                <tr><td>2</td></tr>
                <tr><td>3</td></tr>
                <tr><td>4</td></tr>
                <tr><td>5</td></tr>
            </table>
        </div>
        <div style="page-break-before:always">开启新的一页pdf文件</div>

        <div>
            <div style="width:320px;float:left;">
                <div>加载base64图片（程序中转成base64即可，但是需要增加上 data:image/jpeg;base64, jpeg需要根据具体的图片获取）</div>
                <img style="width:300px;" src="${base64Img}" />
            </div>
            <div style="width:320px;float:left;">
                <div>
                    记载系统盘固定位置的文件，<br/>
                    1. 方法一：img标签中通过 file:/// 写绝对路径<br/>
                    2. 方法二：builder.withHtmlContent(pdfTemplate, staticFilePath); 看程序中这行代码的具体赋值，主要是第二个参数，然后 img 标签中写相对路径
                    </div>
                <img style="width:300px;" src="static/base64.jpg" />
            </div>
            <div style="width:320px;float:left;">
                <div>加载网络图片</div>
                <img style="width:300px;" src="https://inews.gtimg.com/news_bt/OBkbmPLeWLy4IM4oUDGvOIqSDSZ9lYOtW3qSXCYh78KXcAA/1000" />
            </div>
            <div style="width:320px;float:left;">
                <div>加载系统中的图片</div>
                <img style="width:300px;" src="http://localhost:8081/base64.jpg" />
            </div>
        </div>
    </body>
</html>